<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css"/>
    <link rel="stylesheet" href="./table.css"/>
    <link rel="stylesheet" href="./pugong.css"/>
    <script src="./index.full.js"></script>

    <script>
        //适配代码
        (function (doc, win) {
            var docEI = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientataionchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEI.clientWidth;
                    if (!clientWidth) return;
                    //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
                    docEI.style.fontSize = 100 * (clientWidth / 1536) + 'px';
                }

            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
    <style>
        * {
            /* margin: 0;
        padding: 0; */
            font-size: 0.15rem;
        }

        .top-content {
            text-align: center;
        }

        .top-img {
            display: block;
            width: 1.5rem;
            margin: auto;
        }

        .top-title {
            font-size: 0.3rem;
            word-spacing: 10px;
            margin: 0.6rem 0;
        }

        .top-text {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .top-input {
            width: 200px;
        }

        .top-input .el-input__wrapper {
            box-shadow: none;
            border-bottom: 1px solid #333;
            border-radius: 0;
            text-align: center;
        }

        .top-input .el-input__inner {
            text-align: center;
        }

        .top-text span {
            display: inline-block;
            font-size: 0.22rem;
            width: 1rem;
            text-align: justify;
            text-align-last: justify;
        }

        .top-company {
            font-size: 0.2rem;
            word-spacing: 10px;
        }

        .red-text {
            color: red;
        }

    </style>
</head>

<body>
<div id="app">
    <div class="container">
        <div class="anchorPointMenu">
            <el-menu @select="handleMenuSelect">
                <el-menu-item index="personnelInformation"><span
                        v-bind:class="{'red-text': peopleForm.sign }">人员信息登记表</span></el-menu-item>
                <el-menu-item :disabled="!peopleForm.sign" index="employeeHealth">
						<span v-bind:class="{'red-text': healthForm.signSelf }">员工健康状况调查表</span></el-menu-item>
                <el-menu-item :disabled="!healthForm.signSelf" index="entryNotice">
                    <span v-bind:class="{'red-text': workForm.sign }" >农民工进场须知</span>
                </el-menu-item>
                <el-menu-item :disabled="!workForm.sign " index="admissionCommitment">
					<span v-bind:class="{'red-text': enterForm.promiseName }">入场承诺书</span>
                </el-menu-item>
                <el-menu-item :disabled="!enterForm.promiseName" index="Cardholder">
                    <span  v-bind:class="{'red-text': cardholder.promiseName }" >持卡人（银行工资卡）承诺书</span>
				</el-menu-item>
                <el-menu-item :disabled="!cardholder.promiseName" index="personalRecords">
					<span  v-bind:class="{'red-text': (educateForm.promiseSign &&  educateForm.safeSign && educateForm.teached3  && educateForm.teacher3 && educateForm.teached2
					 && educateForm.teacher2
					&&  educateForm.teacher1 && educateForm.teached1) }" >中国水电十四局引江补汉工程土建施工及金结机电安装8标新员工入场 三级安全教育个人记录卡 </span>
				</el-menu-item>
                <el-menu-item :disabled="!(educateForm.promiseSign &&  educateForm.safeSign && educateForm.teached3  && educateForm.teacher3 && educateForm.teached2
					 && educateForm.teacher2
					&&  educateForm.teacher1 && educateForm.teached1)" index="examQuestions"><span>安全教育考试题</span>
                </el-menu-item>
                <el-menu-item :disabled="!(educateForm.promiseSign &&  educateForm.safeSign && educateForm.teached3  && educateForm.teacher3 && educateForm.teached2
					 && educateForm.teacher2
					&&  educateForm.teacher1 && educateForm.teached1)" index="emergency">
                    <span  v-bind:class="{'red-text': dangerInfoForm.selfSign }">开挖工岗位危险源、应急信息告知书</span></el-menu-item>
                <el-menu-item :disabled="!dangerInfoForm.selfSign" index="occupationalHazards">
                    <span  v-bind:class="{'red-text': careerDangerForm.name }">职业危害告知书</span></el-menu-item>
                <el-menu-item :disabled="!careerDangerForm.name" index="safetyProduction">
                    <span   v-bind:class="{'red-text': promiseForm.name }" >安全生产承诺书</span>
                </el-menu-item>
                <el-menu-item :disabled="!promiseForm.name" index="responsibilityLetter">
					<span  v-bind:class="{'red-text': (responsibleForm.name1 && responsibleForm.name4) }">职业健康、能源节约与生态环境保护、安全生产责任书（电工）</span>
                </el-menu-item>
            </el-menu>
            <el-button :disabled="!(responsibleForm.name1 && responsibleForm.name4 &&
            peopleForm.sign &&  healthForm.signSelf && workForm.sign &&  enterForm.promiseName && cardholder.promiseName && (educateForm.promiseSign &&  educateForm.safeSign && educateForm.teached3  && educateForm.teacher3 && educateForm.teached2
                && educateForm.teacher2
                &&  educateForm.teacher1 && educateForm.teached1) && promiseForm.name &&  careerDangerForm.name && dangerInfoForm.selfSign
            )" type="primary" @click="onsubmit()">
                提交
            </el-button>
        </div>

			<div class="contentWord" style="width: 100%;">
					<div class="top-content">
						<img class="top-img" src="./图片1.png" alt="" srcset="">
						<h2 class="top-title">员 工 教 育 培 训 档 案</h2>
						<h3 class="top-text"><span>编 号</span>
							<el-input v-model="topForm.number" class="top-input" placeholder=" "></el-input>
						</h3>
						<h3 class="top-text"><span>所属单位</span>
							<el-input v-model="topForm.company" class="top-input" placeholder=" "></el-input>
						</h3>
						<h3 class="top-text"><span>姓 名</span>
							<el-input v-model="topForm.name" class="top-input" placeholder=" "></el-input>
						</h3>
						<h3 class="top-text"><span>工 种</span>
							<el-input v-model="topForm.job" class="top-input" placeholder=" "></el-input>
						</h3>
						<div style="margin: 60px 0 20px 0;" class="top-company">中国水利水电第十四工程局有限公司</div>
						<div class="top-company">引江补汉工程土建施工及金结机电安装8标项目经理部</div>
					</div>

					<!-- 人员信息登记表 -->
					<div id="personnelInformation" class="table-content">
						<h3 style="font-size: 0.25rem;">人员信息登记表</h3>
						<div class="people-top">
							<div>工程名称：引江补汉工程土建施工及金结机电安装8标</div>
							<div style="display: flex; align-items:center;width: 200px;">作业班组：<el-input
									v-model="peopleForm.group" class="people-input" placeholder=" "></el-input>
							</div>

						</div>
						<div class="table-form">
							<el-form ref="dataForm" :model="peopleForm" label-width="118px" class="dataForm">
								<el-row>
									<el-row style="width: 100%;">
										<el-col :span="24">
											<el-row>
												<el-col :span="8">
													<el-form-item label="姓名" prop="memberId" class="formItemDuty"
														style="border-top: 0px;">
														<el-input v-model="peopleForm.name" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="8">
													<el-form-item label="性别" prop="" class="formItemDuty"
														style="border-top: 0px;">
														<el-input v-model="peopleForm.sex" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="8">
													<el-form-item label="年龄" prop="" class="formItemDuty"
														style="border-top: 0px;">
														<el-input v-model="peopleForm.age" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="8">
													<el-form-item label="民族" prop="" class="formItemDuty">
														<el-input v-model="peopleForm.nation" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="8">
													<el-form-item label="文化程度" prop="" class="formItemDuty">
														<el-input v-model="peopleForm.educationBackground"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="8">
													<el-form-item label="本专业从业时间" prop="" class="formItemDuty">
														<el-input v-model="peopleForm.workDate"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="12">
													<el-form-item label="身份证号码" prop="" class="formItemDuty">
														<el-input v-model="peopleForm.idNumber"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="12">
													<el-form-item label="家庭住址" prop="" class="formItemDuty">
														<el-input v-model="peopleForm.address" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="12">
													<el-form-item label="联系电话" prop="" class="formItemDuty">
														<el-input v-model="peopleForm.phone" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="12">
													<el-form-item label="家庭联系人及电话" prop="" class="formItemDuty">
														<el-input v-model="peopleForm.familyPhone"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;">
												<el-col :span="12">
													<el-form-item label="进场时间" prop="" class="formItemDuty">
														<el-input v-model="peopleForm.enterTime"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="12">
													<el-form-item label="退场时间" prop="" class="formItemDuty">
														<el-input v-model="peopleForm.outTime" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="24">
													<!-- <el-form-item label="进场时间" prop="" class="formItemDuty">
                        <el-input v-model="peopleForm.enterTime" class="formItemDutyIn" />
                      </el-form-item> -->
												<div class="people-sign"
													@click="setUpEquipment('peopleForm.sign','TaskSignFinger')">
													本人签名（以及指纹采集）：
													<el-image class="sign_img" v-show="peopleForm.sign"
														:src="peopleForm.sign" fit="fill"></el-image>
												</div>
												<div class="people-sign">医院提供的个人体检报告附后：
													<!--														<el-input class="people-input" v-model="peopleForm.report" />-->
												</div>
												<div class="id-card">
													<img src="peopleForm.idCardUrl" alt="">
												</div>
												<div class="id-card">
													<img src="peopleForm.workCreditUrl" alt="">
												</div>
											</el-col>
										</el-row>

									</el-col>
								</el-row>
							</el-row>
						</el-form>
						<div class="form-bottom">
							<div class="bottom-item" @click="setUpEquipment('peopleForm.safer','TaskSign')">
								安全员:<el-image class="sign_img" width: v-show="peopleForm.safer"
												 :src="peopleForm.safer" fit="fill"></el-image>
							</div>
							<div class="bottom-item" @click="setUpEquipment('peopleForm.applicate','TaskSign')">填表人:
								<el-image class="sign_img" width: v-show="peopleForm.applicate"
									:src="peopleForm.applicate" fit="fill"></el-image>
								<!--									<el-input v-model="peopleForm.applicate"-->
								<!--										class="people-input" placeholder=" "></el-input>-->
							</div>
							<div class="bottom-item">
								<el-input v-model="peopleForm.year" class="people-input" placeholder=" "></el-input>
								年
								<el-input v-model="peopleForm.month" class="people-input" placeholder=" ">
								</el-input> 月
								<el-input v-model="peopleForm.day" class="people-input" placeholder=" "></el-input>
								日
							</div>
						</div>
					</div>

					</div>

					<!-- 员工健康状况调查表 -->
					<div id="employeeHealth" class="table-content">
						<h3 style="font-size: 0.25rem;">员工健康状况调查表</h3>
						<div class="people-top">
							<div>工程名称：引江补汉工程土建施工及金结机电安装8标</div>
							<div style="display: flex; align-items:center;width: 200px;">填表时间：<el-input
									v-model="healthForm.time" class="people-input" placeholder=" "></el-input>
							</div>

						</div>
						<div class="table-form">
							<el-form ref="dataForm" :model="healthForm" label-width="118px" class="dataForm">
								<el-row>
									<el-row>
										<el-col :span="24">
											<el-row>
												<el-col :span="6">
													<el-form-item label="姓名" prop="memberId" class="formItemDuty"
														style="border-top: 0px;">
														<el-input v-model="healthForm.name" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="6">
													<el-form-item label="性别" prop="" class="formItemDuty"
														style="border-top: 0px;">
														<el-input v-model="healthForm.sex" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="6">
													<el-form-item label="民族" prop="" class="formItemDuty"
														style="border-top: 0px;">
														<el-input v-model="healthForm.nation" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="6">
													<el-form-item label="所属单位" prop="" class="formItemDuty"
														style="border-top: 0px;">
														<el-input v-model="healthForm.affiliation"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>

											</el-row>
											<el-row>
												<el-col :span="12">
													<el-form-item label="出生年月" prop="" class="formItemDuty">
														<el-input v-model="healthForm.birthDate"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="6">
													<el-form-item label="年龄" prop="" class="formItemDuty">
														<el-input v-model="healthForm.age" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="6">
													<el-form-item label="籍贯" prop="" class="formItemDuty">
														<el-input v-model="healthForm.origin" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;">
												<el-col :span="6">
													<el-form-item label="身高" prop="" class="formItemDuty">
														<el-input v-model="healthForm.height" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="6">
													<el-form-item label="体重" prop="" class="formItemDuty">
														<el-input v-model="healthForm.weight" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="12">
													<el-form-item label="有无病史" prop="" class="formItemDuty">
														<el-input v-model="healthForm.medicalHistory"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>

                                    </el-row>
                                    <el-row class="radio-box">
                                        <el-col :span="24">
                                            <span class="radio-label">1、之前是否有参加常规健康检查？</span>
                                            <el-radio-group v-model="healthForm.radio1" class="ml-4">
                                                <el-radio value="1" size="large">
                                                    是
                                                    检查时间
                                                    <el-input class="people-input"
                                                              style="border-bottom: 1px solid;height: 0.2rem;"
                                                              v-model="healthForm.checkTime"/>
                                                </el-radio>
                                                <el-radio value="0" size="large">否</el-radio>
                                            </el-radio-group>
                                        </el-col>
                                    </el-row>
                                    <el-row class="radio-box">
                                        <el-col :span="24">
                                            <span class="radio-label">2、您目前的健康状况？</span>
                                            <el-radio-group v-model="healthForm.radio2">
                                                <el-radio :value="1">非常好</el-radio>
                                                <el-radio :value="2">好</el-radio>
                                                <el-radio :value="3">一般</el-radio>
                                                <el-radio :value="4">差</el-radio>
                                            </el-radio-group>
                                        </el-col>
                                    </el-row>
                                    <el-row class="radio-box">
                                        <el-col :span="24">
                                            <span class="radio-label">3、您是否患有下列“三高”病症？</span>
                                            <el-checkbox-group v-model="healthForm.radio3" class="checkbox">
                                                <el-checkbox label="高血压" value="1"/>
                                                高血压
                                                <el-checkbox label="高血脂" value="2"/>
                                                高血脂
                                                <el-checkbox label="糖尿病" value="3"/>
                                                糖尿病
                                                <el-checkbox label="无" value="0"/>
                                            </el-checkbox-group>
                                        </el-col>
                                    </el-row>
                                    <el-row class="radio-box">
                                        <el-col :span="24">
                                            <span class="radio-label">4、您家族是否患有传染性疾病，如乙肝等？</span>
                                            <el-radio-group v-model="healthForm.radio4" class="ml-4">
                                                <el-radio value="1" size="large">
                                                    有
                                                </el-radio>
                                                <el-radio value="0" size="large">无</el-radio>
                                            </el-radio-group>
                                        </el-col>
                                    </el-row>
                                    <el-row class="radio-box">
                                        <el-col :span="24">
                                            <span class="radio-label">5、您是否被诊断为冠心病、中风、心律失常、风湿性心脏病等？</span>
                                            <el-radio-group v-model="healthForm.radio5" class="ml-4">
                                                <el-radio value="1" size="large">
                                                    是
                                                </el-radio>
                                                <el-radio value="0" size="large">否</el-radio>
                                            </el-radio-group>
                                        </el-col>
                                    </el-row>
                                    <el-row class="radio-box">
                                        <el-col :span="24">
                                            <span class="radio-label">6、您吸烟吗？</span>
                                            <el-radio-group v-model="healthForm.radio6">
                                                <el-radio :value="1">经常吸</el-radio>
                                                <el-radio :value="2">偶尔吸</el-radio>
                                                <el-radio :value="3">从不吸</el-radio>
                                            </el-radio-group>
                                        </el-col>
                                    </el-row>
                                    <el-row class="radio-box">
                                        <el-col :span="24">
                                            <span class="radio-label">7、您饮酒吗？ </span>
                                            <el-radio-group v-model="healthForm.radio7">
                                                <el-radio :value="1">饮酒</el-radio>
                                                <el-radio :value="2">偶尔</el-radio>
                                                <el-radio :value="3">滴酒不沾</el-radio>
                                            </el-radio-group>
                                        </el-col>
                                    </el-row>
                                    <el-row class="radio-box">
                                        <el-col :span="24">
                                            <span class="radio-label">8、您睡眠状况好吗？ </span>
                                            <el-radio-group v-model="healthForm.radio8">
                                                <el-radio :value="1">良好</el-radio>
                                                <el-radio :value="2">一般</el-radio>
                                                <el-radio :value="3">差</el-radio>
                                            </el-radio-group>
                                        </el-col>
                                    </el-row>
                                    <el-row class="radio-box">
                                        <el-col :span="24">
                                            <span class="radio-label">9、您在目前的工作过程中是否经常感到疲劳，精神不振？</span>
                                            <el-radio-group v-model="healthForm.radio9" class="ml-4">
                                                <el-radio value="1" size="large">
                                                    是
                                                </el-radio>
                                                <el-radio value="0" size="large">否</el-radio>
                                            </el-radio-group>
                                        </el-col>
                                    </el-row>
                                    <el-row class="radio-box">
                                        <el-col :span="24">
                                            <span class="radio-label">10、您现在是否服用日常保健品？</span>
                                            <el-radio-group v-model="healthForm.radio10" class="ml-4">
                                                <el-radio value="1" size="large">
                                                    是
                                                    开始年份
                                                    <el-input class="people-input"
                                                              style="border-bottom: 1px solid;height: 0.2rem;"
                                                              v-model="healthForm.checkTime10"/>

													</el-radio>
													<el-radio value="0" size="large">否</el-radio>
												</el-radio-group>
											</el-col>
										</el-row>
										<el-row class="radio-box">
											<el-col :span="24">
												<span class="radio-label">11、您是否有饮食禁忌症？</span>
												<el-radio-group v-model="healthForm.radio11" class="ml-4">
													<el-radio value="1" size="large">
														是
													</el-radio>
													<el-radio value="0" size="large">否</el-radio>
												</el-radio-group>
											</el-col>
										</el-row>
										<el-row class="radio-box">
											<el-col :span="24">
												<span class="radio-label">12、经常熬夜吗？ </span>
												<el-radio-group v-model="healthForm.radio12">
													<el-radio :value="1">经常</el-radio>
													<el-radio :value="2">偶尔</el-radio>
													<el-radio :value="3">很少</el-radio>
													<el-radio :value="4">无</el-radio>
												</el-radio-group>
											</el-col>
										</el-row>
										<el-row class="radio-box">
											<el-col :span="24">
												<span class="radio-label">13、平均每周锻炼几次？ </span>
												<el-radio-group v-model="healthForm.radio13">
													<el-radio :value="1">≤ 2次</el-radio>
													<el-radio :value="2">≤ 3-4次</el-radio>
													<el-radio :value="3">≥5次</el-radio>
												</el-radio-group>
											</el-col>
										</el-row>
										<el-row class="radio-box">
											<el-col :span="24">
												<span class="radio-label">14、B超脂肪肝？ </span>
												<el-radio-group v-model="healthForm.radio14">
													<el-radio :value="1">≤ 无</el-radio>
													<el-radio :value="2">≤ 轻度</el-radio>
													<el-radio :value="3">中度</el-radio>
													<el-radio :value="4">重度</el-radio>
												</el-radio-group>
											</el-col>
										</el-row>
										<el-row class="radio-box">
											<el-col :span="24">
												<span class="radio-label">15、本人身体近期是否感到不适？</span>
												<el-radio-group v-model="healthForm.radio15" class="ml-4">
													<el-radio value="1" size="large">
														是
													</el-radio>
													<el-radio value="0" size="large">否</el-radio>
												</el-radio-group>
											</el-col>
										</el-row>
									</el-col>
								</el-row>
							</el-row>
						</el-form>
						<div class="form-bottom1">
							<div style="text-align: left;">
								说明：为了更好了解项目部员工的健康状况，请您如实认真填写此问卷调查，我们将据此为您提供健康、营养及生活方式的合理化建议。您的个人资料和健康档案我们将为您妥善保管，敬请放心。
							</div>
							<div style="display: flex; align-items:center;width: 200px;float: right;"
								@click="setUpEquipment('healthForm.signSelf','TaskSign')">本人签名
								<el-image class="sign_img" v-show="healthForm.signSelf" :src="healthForm.signSelf"
									fit="fill"></el-image>
								<!--									<el-input-->
								<!--										v-model="healthForm.signSelf" class="people-input" placeholder=" "></el-input>-->
							</div>
						</div>
					</div>

					</div>

					<!-- 农民工进场须知 -->
					<div id="entryNotice" class="table-content">
						<h3 style="font-size: 0.25rem;">农民工进场须知</h3>
						<div class="people-top">
							<div style="display: flex; align-items:center;width: 400px;">工人编号：<el-input
									v-model="workForm.number" class="people-input" style="width: 300px;"
									placeholder=" ">
								</el-input>
							</div>

					</div>
					<div class="table-form">
						<el-form ref="dataForm" :model="workForm" label-width="118px" class="dataForm">
							<el-row>
								<el-row>
									<el-col :span="24">
										<el-row>
											<el-col :span="24">
												<div style="padding: 0.2rem;text-align: left;">
													1.进场2日内，必须携带本人身份证原件到相应分包企业（单位）项目现场农民工管理员处报到，并准确填写《农民工进场登记表》、《持卡人承诺书》。若未携带本人身份证原件者，我单位将不承认其在工地施工作业。如发现有负案在逃人员，将由执法机关处理。
												</div>
												<div style="padding: 0.2rem;text-align: left;">
													2.项目部农民工人员、工资监督领导小组对进场民工填写的《农民工进场登记表》进行审核。对拒绝或者未填报《农民工登记表》的农民工拒绝招用。填报信息不准确的农民工所造成的后果由分包企业（单位）及本人承担。
												</div>
												<div style="padding: 0.2rem;text-align: left;">
													3.必须在进场作业前与分包企业（单位）签订《劳动合同》。若发现限期内未与分包企业（单位）签订《劳动合同》，将给予清退。
												</div>
												<div style="padding: 0.2rem;text-align: left;">
													4.应积极参加项目部组织的岗前安全教育培训及技术交底，并经考核合格后方可上岗作业。上岗后自觉遵守国家法律法规及项目部规章制度并服从项目部及分包企业（单位）相关管理人员的合理生产组织安排。
												</div>
												<div style="padding: 0.2rem;text-align: left;">
													5.必须按有关规范要求正确使用劳动保护用品、用具及防护器材，精心维护和使用机械设备，保持作业环境整洁，做好安全生产及文明生产。
												</div>
												<div style="padding: 0.2rem;text-align: left;">
													6.分包企业（单位）将每月按时对所属农民工工资造册，本人应签字、按手印确认，分包企业（单位）于每月25日前上报到项目部。
												</div>
												<div style="padding: 0.2rem;text-align: left;">
													7.项目部对农民工工资表审核无误后，统一将工资直接打到民工个人工资卡上。</div>
												<div style="padding: 0.2rem;text-align: left;">
													8.若在中途退场，必须到分包企业（单位）指定负责人办理退场手续，并填写《农民工退场确认表》；分包企业（单位）必须在农民工退场后2天内将相关资料上报项目部。
												</div>
											</el-col>
										</el-row>
										<el-row style="border-top: 1px solid;">
											<el-col :span="12"
												style="display: flex;align-items: center;justify-content: center;border-right: 1px solid;">
												<div>本人已认真阅读并熟知上述农民工管理要点（签字）</div>
											</el-col>
											<el-col :span="12">
												<el-row style="border-bottom: 1px solid;">
													<el-col :span="24">
														<!--															<el-input v-model="workForm.sign" class="people-input"-->
														<!--																style="width: 300px;" placeholder=" "></el-input>-->
														<div style="display: flex; align-items:center;width: 200px;float: right;"
															@click="setUpEquipment('workForm.sign','TaskSign')">本人签名
															<el-image class="sign_img" :src="workForm.sign"
																fit="fill"></el-image>
														</div>
													</el-col>
												</el-row>
												<el-row>
													<el-col :span="24">
														<el-input v-model="workForm.year" class="people-input"
															placeholder=" "></el-input> 年
														<el-input v-model="workForm.month" class="people-input"
															placeholder=" "></el-input> 月
														<el-input v-model="workForm.day" class="people-input"
															placeholder=" "></el-input> 日
													</el-col>
												</el-row>
											</el-col>
										</el-row>
									</el-col>
								</el-row>
							</el-row>
						</el-form>
					</div>

					</div>

				<!-- 入场承诺书 -->
				<div id="admissionCommitment" class="table-content" style="text-align: left;">
					<h3 style="font-size: 0.25rem;text-align: center;">入场承诺书</h3>
					本人<el-input v-model="enterForm.name" class="promise-input"></el-input>
					(身份证号：<el-input v-model="enterForm.idNumber" class="promise-input" style="width: 1.8rem;">
					</el-input>)
					是 中国水利水电第十四工程局有限 公司承建的 引江补汉工程土建施工及金结机电安装8标 项目<el-input v-model="enterForm.group"
						class="promise-input"></el-input>（班组）
					的<el-input v-model="enterForm.post" class="promise-input"></el-input>
					本人郑重承诺并保证做到以下几点：
					<div style="margin: 0.15rem 0;">一、严格遵守法律法规、公司管理规定，并服务和接受各级管理。</div>
					<div style="margin: 0.15rem 0;">二、知悉公司的各项规章制度、项目告示牌和权益维护牌上公示的各项内容，自愿配合公司落实“农民工实名制”各项工作。</div>
					<div style="margin: 0.15rem 0;">三、不隐瞒且如实提供个人的身份信息。</div>
					<div style="margin: 0.15rem 0;">
						四、公司用于发放工资的银行卡由本人使用和保管，本人定期与班组长核实确定工资款，不虚报出勤，不冒领工资，否则本人自愿承担相应法律责任。
					</div>
					<div style="margin: 0.15rem 0;">
						五、当自己合法权益受到侵害时（如劳资纠纷、工伤事故纠纷等），向公司（项目部）申诉或向业主单位请求协调解决，在处理无效的情况下，依法向有关部门举报投诉。自觉遵守法律法规，决不采取闹访、围攻围堵公共设施等非法过激行为，决不恶意或过激讨薪，通过合法途径理性反映诉求。如有无理或非法行为愿意承担一切法律责任。
					</div>
					<div style="margin: 0.15rem 0;">六、承诺在入场前后所提供的任何资料和信息均真实有效，否则，由此引起的一切后果均由我本人承担。</div>
					<div class="sign_box" style="justify-content: flex-start;margin-bottom: 0.1rem;"
						@click="setUpEquipment('enterForm.promiseName','TaskSignFinger')">
						<span>承诺人（签字并加按指印）：</span>
						<el-image class="sign_img" v-show="enterForm.promiseName" :src="enterForm.promiseName"
							fit="fill"></el-image>

						<!--							<el-input v-model="enterForm.promiseName" class="people-input"-->
						<!--								style="width: 300px;" placeholder=" "></el-input>-->
						<!-- <el-image width: v-show="enterForm.promiseName" :src="enterForm.promiseName" fit="fill"></el-image> -->

					</div>
					<div>
						<el-input v-model="enterForm.year" class="people-input" placeholder=" "></el-input> 年
						<el-input v-model="enterForm.month" class="people-input" placeholder=" "></el-input> 月
						<el-input v-model="enterForm.day" class="people-input" placeholder=" "></el-input> 日
					</div>
				</div>

				<!-- 持卡人（银行工资卡）承诺书 -->
				<div id="Cardholder" class="table-content" style="text-align: left;">
					<h3 style="font-size: 0.25rem;text-align: center;">持卡人（银行工资卡）承诺书</h3>
					本人(姓名<el-input v-model="cardholder.name" class="promise-input"></el-input>
					身份证号：<el-input v-model="cardholder.idNumber" class="promise-input" style="width: 1.8rem;">
					</el-input>),
					银行卡号：<el-input v-model="cardholder.cardNumber" class="promise-input" style="width: 1.8rem;">
					</el-input>
					<div style="margin: 0.15rem 0;">本人作如下承诺：</div>
					<div style="margin: 0.15rem 0;">1、银行卡确为本人所有，为本人使用有效身份证件通过银行合法渠道办理,不转借他人使用。 </div>
					<div style="margin: 0.15rem 0;">2、一切由本人所持卡引起的一切法律责任由本人承担，与中国水利水电第十四工程局有限公司引江补汉工程土建施工及金结机电安装8标无关。
					</div>
					<div style="margin: 0.15rem 0;">3、本人所在的公司（<el-input v-model="cardholder.company"
							class="promise-input" style="width: 1.8rem;"></el-input>
						）委托贵项目部通过本卡代发本人的工资数额与本人在每月的农民工工资发放表中签字确认的一致，项目部按我本人签字确认的数额上卡到账后，本人与我所在公司不存在任何工资纠纷。</div>


					<div class="sign_box" style="justify-content: flex-start;margin-bottom: 0.1rem;"
						@click="setUpEquipment('cardholder.promiseName','TaskSignFinger')">
						<span>持卡人签字（按手印）：</span>
						<el-image class="sign_img" v-show="cardholder.promiseName" :src="cardholder.promiseName"
							fit="fill"></el-image>

						<!-- <el-image width: v-show="cardholder.promiseName" :src="cardholder.promiseName" fit="fill"></el-image> -->
						<!--							<el-input v-model="cardholder.promiseName" class="people-input"-->
						<!--								style="width: 300px;" placeholder=" "></el-input>-->
					</div>
					<div>
						<el-input v-model="cardholder.year" class="people-input" placeholder=" "></el-input> 年
						<el-input v-model="cardholder.month" class="people-input" placeholder=" "></el-input> 月
						<el-input v-model="cardholder.day" class="people-input" placeholder=" "></el-input> 日
					</div>
					<div style="display: flex;justify-content: space-around;margin: 0.2rem 0;">
						<div @click="setUpEquipment('cardholder.url1','TaskHCameraAuto')" class="card-img">
							<img :src="cardholder.url1" alt="" srcset="">
						</div>
						<div @click="setUpEquipment('cardholder.url2','TaskHCameraAuto')" class="card-img">
							<img :src="cardholder.url2" alt="" srcset="">
						</div>
					</div>
				</div>

					<!-- 中国水电十四局引江补汉工程土建施工及金结机电安装8标新员工入场
三级安全教育个人记录卡 -->
					<div id="personalRecords" class="table-content">
						<h3 style="font-size: 0.25rem;">中国水电十四局引江补汉工程土建施工及金结机电安装8标新员工入场三级安全教育个人记录卡</h3>
						<div class="table-form">
							<el-form ref="dataForm" :model="educateForm" label-width="138px" class="dataForm">
								<el-row>
									<el-row style="width: 100%;">
										<el-col :span="24">
											<el-row>
												<el-col :span="8">
													<el-form-item label="姓名" prop="memberId" class="formItemDuty"
														style="border-top: 0px;">
														<el-input v-model="educateForm.name" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="8">
													<el-form-item label="性别" prop="" class="formItemDuty"
														style="border-top: 0px;">
														<el-input v-model="educateForm.sex" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="8">
													<el-form-item label="出生年月" prop="" class="formItemDuty"
														style="border-top: 0px;">
														<el-input v-model="educateForm.birthDate"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="8">
													<el-form-item label="单位名称" prop="" class="formItemDuty">
														<el-input v-model="educateForm.orgName"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="8">
													<el-form-item label="班组" prop="" class="formItemDuty">
														<el-input v-model="educateForm.group" class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="8">
													<el-form-item label="工种" prop="" class="formItemDuty">
														<el-input v-model="educateForm.workType"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="12">
													<el-form-item label="身份证号码" prop="" class="formItemDuty">
														<el-input v-model="educateForm.idNumber"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="12">
													<el-form-item label="本工地建卡日期" prop="" class="formItemDuty">
														<el-input v-model="educateForm.siteDate"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="24">
													<el-form-item label="家庭住址" prop="" class="formItemDuty">
														<el-input v-model="educateForm.address"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;">
												<el-col :span="12">
													<el-form-item label="有无重大疾病/癫痫史" prop="" class="formItemDuty">
														<el-input v-model="educateForm.illness"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
												<el-col :span="12">
													<el-form-item label="职业病情况" prop="" class="formItemDuty">
														<el-input v-model="educateForm.occupational"
															class="formItemDutyIn" />
													</el-form-item>
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;">
												<el-col :span="15"
													style="border-right: 1px solid; font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
													三级安全教育内容
												</el-col>
												<el-col :span="4"
													style="border-right: 1px solid; font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
													教育部门
												</el-col>
												<el-col :span="4"
													style="font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
													<div @click="setUpEquipment('educateForm.teached1','TaskSign')">受教育人签名
												</div>

											</el-col>
										</el-row>
										<el-row style="border-bottom: 1px solid;">
											<el-col :span="1" class="education-title">
												一级教育
											</el-col>
											<el-col :span="14" style="border-right: 1px solid;">
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													进行安全基本知识法规法制教育主要包括 下列内容：</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													1、党和国家的安全生产方针政策；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													2、安全生产法规标准和法制观念；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													3、本单位施工过程及安全规章制度安全纪律；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													4、本单位安全生产形势及历史上发生的重大事 故及应吸取的教训；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													5、发生事故后如何抢救伤员排险保护现场和及时进行报告；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													6、有关事故案例等。</div>
											</el-col>
											<el-col :span="9">
												<el-row style="border-bottom: 1px solid;">
													<el-col :span="12" style="border-right: 1px solid;">
														<el-row
															style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
															<el-col :span="24">
																<el-input v-model="educateForm.department1"
																	class="people-input"></el-input>
															</el-col>
														</el-row>
														<el-row
															style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
															<div @click="setUpEquipment('educateForm.teacher1','TaskSign')"
																style="margin: auto; font-size: 0.13rem;">教育人签名
															</div>
														</el-row>
														<el-row style="min-height: 0.5rem;line-height: 0.5rem;">
															<el-col :span="24">
																<el-image width: v-show="educateForm.teacher1"
																	:src="educateForm.teacher1" fit="fill"></el-image>

																<!--																	<el-input v-model="educateForm.teacher1"-->
																<!--																		class="people-input"></el-input>-->
															</el-col>
														</el-row>
													</el-col>
													<el-col :span="12" style="    display: flex;
                        align-items: center;
                        justify-content: center;">
														<!--															<el-input v-model="educateForm.teached1"-->
														<!--																class="people-input">-->
														<!--															</el-input>-->

														<el-image width: v-show="educateForm.teached1"
															:src="educateForm.teached1" fit="fill"></el-image>

													</el-col>
												</el-row>
												<el-row>
													<el-col :span="24" style="font-size: 0.13rem;">
														<el-input v-model="educateForm.year1" class="people-input"
															placeholder=" " style="width: 0.8rem;"></el-input> 年
														<el-input v-model="educateForm.month1" class="people-input"
															placeholder=" " style="width: 0.5rem;"></el-input> 月
														<el-input v-model="educateForm.day1" class="people-input"
															placeholder=" " style="width: 0.5rem;"></el-input> 日
													</el-col>

													</el-row>
												</el-col>
											</el-row>

										<el-row style="border-bottom: 1px solid;">
											<el-col :span="1" class="education-title">
												二级教育
											</el-col>
											<el-col :span="14" style="border-right: 1px solid;">
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													进行现场规章制度和遵章守纪教育主要包括下列内容：</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													1、本单位施工特点及施工安全基本知识；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													2、本单位（包括施工生产现场）安全生产制度规定及安全注意事项；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													3、本工种的安全操作技术规程；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													4、高处作业机械设备电气安全基础知识；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													5、防火防毒防尘 防爆知识及紧急情况安全处置和安全疏散知识；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													6、防护用品发放标准及防护用品用具使用的基本知识；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													7、其他需要培训的内容。</div>
											</el-col>
											<el-col :span="9">
												<el-row style="border-bottom: 1px solid;">
													<el-col :span="12" style="border-right: 1px solid;">
														<el-row
															style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
															<div style="margin: auto;font-size: 0.13rem;">教育岗位</div>
														</el-row>
														<el-row
															style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
															<el-col :span="24">
																<el-input v-model="educateForm.department2"
																	class="people-input"></el-input>
															</el-col>
														</el-row>
														<el-row
															style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
															<div @click="setUpEquipment('educateForm.teacher2','TaskSign')"
																style="margin: auto;font-size: 0.13rem;">教育人签名
															</div>
														</el-row>
														<el-row style="min-height: 0.5rem;line-height: 0.5rem;">
															<el-col :span="24">
																<!--																	<el-input v-model="educateForm.teacher2"-->
																<!--																		class="people-input"></el-input>-->
																<el-image width: v-show="educateForm.teacher2"
																	:src="educateForm.teacher2" fit="fill"></el-image>

															</el-col>
														</el-row>
													</el-col>
													<el-col :span="12">
														<el-row
															style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
															<div @click="setUpEquipment('educateForm.teached2','TaskSign')"
																style="margin: auto;font-size: 0.13rem;">受教育人签名
															</div>
														</el-row>
														<el-row
															style="height: 1.5rem;line-height: 1.5rem;text-align: center;">
															<!--																<el-input v-model="educateForm.teached2"-->
															<!--																	class="people-input"></el-input>-->
															<el-image width: v-show="educateForm.teached2"
																:src="educateForm.teached2" fit="fill"></el-image>

														</el-row>

													</el-col>
												</el-row>
												<el-row>
													<el-col :span="24" style="font-size: 0.13rem;">
														<el-input v-model="educateForm.year2" class="people-input"
															placeholder=" " style="width: 0.8rem;"></el-input> 年
														<el-input v-model="educateForm.month2" class="people-input"
															placeholder=" " style="width: 0.5rem;"></el-input> 月
														<el-input v-model="educateForm.day2" class="people-input"
															placeholder=" " style="width: 0.5rem;"></el-input> 日
													</el-col>

													</el-row>
												</el-col>
											</el-row>

										<el-row style="border-bottom: 1px solid;">
											<el-col :span="1" class="education-title">
												三级教育
											</el-col>
											<el-col :span="14" style="border-right: 1px solid;">
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													进行本工种岗位安全操作及班组安全制度纪律教育主要包括下列内容</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													1、本班组作业特点及安全操作规程；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													2、班组安全活动制度及纪律；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													3、爱护和正确使用安全防护装置（设施）及个人劳动保护用品；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													4、本岗位易发生事故的不安全因素及防范对策；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													5、本岗位的作业环境及使用机械设备工具的安全要求；</div>
												<div style="text-align: left;margin: 0.1rem;font-size: 0.13rem;">
													6、其他需要培训的内容。</div>
											</el-col>
											<el-col :span="9">
												<el-row style="border-bottom: 1px solid;">
													<el-col :span="12" style="border-right: 1px solid;">
														<el-row
															style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
															<div style="margin: auto;font-size: 0.13rem;">教育班组</div>
														</el-row>
														<el-row
															style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
															<el-col :span="24">
																<el-input v-model="educateForm.department3"
																	class="people-input"></el-input>
															</el-col>
														</el-row>
														<el-row
															style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
															<div @click="setUpEquipment('educateForm.teacher3','TaskSign')"
																style="margin: auto;font-size: 0.13rem;">教育人签名
															</div>
														</el-row>
														<el-row style="min-height: 0.5rem;line-height: 0.5rem;">
															<el-col :span="24">
																<el-image width: v-show="educateForm.teacher3"
																	:src="educateForm.teacher3" fit="fill"></el-image>

																<!--		<el-input v-model="educateForm.teacher3"-->
																<!--																		class="people-input"></el-input>-->
															</el-col>
														</el-row>
													</el-col>
													<el-col :span="12">
														<el-row
															style="border-bottom: 1px solid; height: 0.5rem;line-height: 0.5rem;">
															<div @click="setUpEquipment('educateForm.teached3','TaskSign')"
																style="margin: auto;font-size: 0.13rem;">受教育人签名
															</div>
														</el-row>
														<el-row
															style="height: 1.5rem;line-height: 1.5rem;text-align: center;">
															<!--																<el-input v-model="educateForm.teached3"-->
															<!--																	class="people-input"></el-input>-->
															<el-image width: v-show="educateForm.teached3"
																:src="educateForm.teached3" fit="fill"></el-image>
														</el-row>

													</el-col>
												</el-row>
												<el-row>
													<el-col :span="24" style="font-size: 0.13rem;">
														<el-input v-model="educateForm.year3" class="people-input"
															placeholder=" " style="width: 0.8rem;"></el-input> 年
														<el-input v-model="educateForm.month3" class="people-input"
															placeholder=" " style="width: 0.5rem;"></el-input> 月
														<el-input v-model="educateForm.day3" class="people-input"
															placeholder=" " style="width: 0.5rem;"></el-input> 日
													</el-col>

													</el-row>
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;">
												<el-col :span="24">
													作业前基本安全防护用品发放： <el-switch v-model="educateForm.head"
														active-color="#13ce66" inactive-color="#ff4949">
													</el-switch>
													、反光背心
													<el-switch v-model="educateForm.waistcoat" active-color="#13ce66"
														inactive-color="#ff4949">
													</el-switch>

													、防尘口罩
													<el-switch v-model="educateForm.masks" active-color="#13ce66"
														inactive-color="#ff4949">
													</el-switch>

													、耳塞
													<el-switch v-model="educateForm.earplug" active-color="#13ce66"
														inactive-color="#ff4949">
													</el-switch>
												</el-col>
												<el-col :span="24">
												<div @click="setUpEquipment('educateForm.safeSign','TaskSign')">签字确认：
												</div>
												<el-image width: v-show="educateForm.safeSign"
													:src="educateForm.safeSign" fit="fill"></el-image>
												<!--													<el-input v-model="educateForm.safeSign" class="people-input">-->
												<!--													</el-input>-->
												</el-col>
											</el-row>
											<el-row>
												<el-col :span="24">经过此次入场三级安全教育，并领取安全防护用品后，本人承诺：</el-col>
												<el-col :span="24">严格遵守单位规章制度，规范自身行为，不出现违章违规行为。 </el-col>
												<el-col :span="24"
												@click="setUpEquipment('educateForm.promiseSign','TaskSign')">
												签字:
												<el-image width: v-show="educateForm.promiseSign"
													:src="educateForm.promiseSign" fit="fill"></el-image>
												<!--													<el-input v-model="educateForm.promiseSign"-->
												<!--														class="people-input">-->
												<!--													</el-input>-->													日期：<el-input v-model="educateForm.promiseDate" class="people-input">
													</el-input>
												</el-col>
											</el-row>
										</el-col>
									</el-row>
								</el-row>
							</el-form>
						</div>

					</div>

				<!-- 安全教育考试题 -->
				<div id="examQuestions" class="table-content" style="text-align: left;">
					<h3 style="font-size: 0.25rem;text-align: center;">安全教育考试题</h3>
					<div class="test-top">
						<div class="test-top-item">
							<span>姓名：</span>
							<el-input v-model="testForm.name" class="promise-input"></el-input>
						</div>
						<div class="test-top-item">
							<span>厂队: </span>
							<el-input v-model="testForm.team" class="promise-input"></el-input>
						</div>
						<div class="test-top-item">
							<span>得分：</span>
							<el-input v-model="testForm.score" class="promise-input"></el-input>
						</div>
					</div>
					<div class="test-one">
						<h3>一、多选题（每题5分，全选对得5分，漏选得2分，选错得0分，共30分）</h3>
						<div class="question" v-for="(item,index) in trainBankChildResDTO.checkList" :key="index">
							<div class="question-title">{{index+1}}、{{item.name}}:( <el-input
									v-model="trainBankChildResDTO.checkList[index].personAnswer"
									class="people-input"></el-input> )</div>
							<div class="question-item">
								<el-checkbox-group v-model="trainBankChildResDTO.checkList[index].personAnswer"
									class="checkbox">
									<el-checkbox :label="item1.label" :value="item1.value"
										v-for="(item1,ind) in formatAnswerContent(item.content)" />
									{{item1.label}}
								</el-checkbox-group>

								</div>
							</div>

							<h3>二、单选题（每题5分，选对得5分、选错得0分，共30分）</h3>
							<div class="question" v-for="(item,index) in trainBankChildResDTO.radioList" :key="index">
								<div class="question-title">{{index+1}}、{{item.name}}( <el-input
									v-model="trainBankChildResDTO.radioList[index].personAnswer"
									class="people-input"></el-input> )</div>
							<div class="question-item1">
								<el-radio-group v-model="trainBankChildResDTO.radioList[index].personAnswer">
									<el-radio :value="item1.value"
										v-for="(item1,ind) in formatAnswerContent(item.content)">{{item1.label}}</el-radio>
									</el-radio-group>
								</div>
							</div>

							<h3>三、判断题。(每题5分，答对得5分，答错得0分，共40分)</h3>
							<div class="question" v-for="(item,index) in trainBankChildResDTO.panDuanList">
								<div class="question-title1">(
								<el-radio-group v-model="trainBankChildResDTO.panDuanList[index].personAnswer">
										<el-radio :value="1">√</el-radio>
										<el-radio :value="2">×</el-radio>
									</el-radio-group>
									){{index+1}}.{{item.name}}
								</div>
							</div>
						</div>
					</div>
					<!-- 电工岗位危险源、应急信息告知书 -->
					<div id="emergency" class="table-content" style="text-align: left;">
						<h3 style="font-size: 0.25rem;text-align: center;">电工岗位危险源、应急信息告知书</h3>
						<div style="float: right;">编号：07</div>
						<div>
							<el-input class="promise-input" v-model="dangerInfoForm.name" />:
						</div>
						<div class="danger-info">
							你将从事的<strong>电工</strong>作业，存在着<strong>
								触电、灼烫、电气火灾</strong>等岗位危险，予以告知。你在作业时务必遵守项目部的相关规章制度、专项工程安全施工方案、安全技术措施，并熟记作业要点及其特性，掌握好相应的安全防范技能；进入作业场所后，要进行重新检查，发现异常情况和不安全因素必须及时采取有效措施排除；要正确使用和佩戴劳动保护用品，在做好自我防范的同时，还要认真贯彻联保互保。
						</div>
						<h3>一、安全防范措施</h3>
						<div class="danger-info1">
							1、电工作业必须经专业安全技术培训，考试合格并取得特种作业操作证后方可独立上岗操作，非电工严禁进行电气作业。电工作业应按规定正确使用个人防护用品，酒后不准进行电气操作。</div>
						<div class="danger-info1">2、电气设备的设置、安装、防护、使用、维修及线路架设必须符合有关安全技术规范的要求。</div>
						<div class="danger-info1">3、线路上禁止带负荷接电或断电，电气设备、维修保养、线路检修、安装时，不准带电操作。</div>
						<div class="danger-info1">4、各线路不得超过额定容量运行，不可使用超过规定容量保险丝、保险片。</div>
						<div class="danger-info1">5、施工用电系统必须有保证灵敏可靠的两级及以上保护；施工用电与生活用电线路必须分开架设。</div>
						<div class="danger-info1">
							6、施工现场配电箱要有防雨措施，门锁齐全，有色标，统一编号，开关箱要做到“一机一闸一漏一箱一接地一标识”，箱内无杂物，开关箱、配电箱内严禁动力、照明混用。</div>
						<div class="danger-info1">7、各线路不得超过额定容量运行，不可使用超过规定容量保险丝、保险片。</div>
						<div class="danger-info1">8、维修电器设备时，必须首先切断电源，取下熔断丝，挂上警示牌，经验电确认无电才能作业。通电试验外壳要接地，禁止他人靠近。</div>
						<div class="danger-info1">9、高空作业必须有人监护、系安全带，使用竹木梯要牢固平稳角度适当，不准上下抛掷工具物品。</div>
						<div class="danger-info1">10、凡裸体带荷电的空架配电线路，在通过各种容易发生危险的地段，应挂有警示标牌，引人注意。</div>
						<div class="danger-info1">11、遇有异常雷雨时，特别要注意电气设备的用电安全，严防受潮漏电，必要时，应拉闸停电，确保安全。</div>
						<div class="danger-info1">12、发生电气设备和触电事故时，首先切断电源，然后进行抢救、抢修。相关人员须熟悉触电救护知识。</div>
						<h3>二、潜在突发安全事故应急措施</h3>
						<div class="table-form">
							<el-form ref="dataForm" :model="dangerInfoForm" label-width="138px" class="dataForm">
								<el-row>
									<el-row style="width: 100%;">
										<el-col :span="24">
											<el-row style="border-bottom: 1px solid;text-align: center;">
												<el-col :span="1"
													style="border-right: 1px solid; font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
													序号
												</el-col>
												<el-col :span="3"
													style="border-right: 1px solid; font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
													安全事故描述
												</el-col>
												<el-col :span="14"
													style="border-right: 1px solid;font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
													应急措施
												</el-col>
												<el-col :span="6"
													style="font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
													常备物品
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;text-align: center;">
												<el-col :span="1"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													1
												</el-col>
												<el-col :span="3"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													触电
												</el-col>
												<el-col :span="14"
													style="border-right: 1px solid;font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem">
													①立即切断电源。②将触电人员抬至安全点平放。报告项目部应急小组。③根据伤情对触电人员进行人工呼吸和胸外按压，保持通风。④拨打120请求急救救援。
												</el-col>
												<el-col :span="6"
													style="font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;">
													消毒用品、急救用品（绷带、无菌敷料）及各种常用小夹板、绝缘棒、担架或床（木）板、止血带、氧气袋
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;text-align: center;">
												<el-col :span="1"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													2
												</el-col>
												<el-col :span="3"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													火灾
												</el-col>
												<el-col :span="14"
													style="border-right: 1px solid;font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem">
													①发现易燃品着火，立即用扑灭火源；②用电线路或设备着火，立即切断电源，用灭火器灭火；③易燃气体、油品着火，立即关闭阀门，用灭火器灭火；④火势较大，报告项目部急小组；⑤火灾区域消防器材无法控制时，拨打119请求救援，组织人员迅速撤离
												</el-col>
												<el-col :span="6"
													style="font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;">
													灭火器、消防砂、消防铲、消防桶、防毒面罩、毛巾、对讲机、消防板斧、急救箱、安全绳、危险标识牌、警戒带、安全帽、手电筒、担架或床（木）板挖机、渣土车、装载机等
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;text-align: center;">
												<el-col :span="1"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													3
												</el-col>
												<el-col :span="3"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													机械伤害
												</el-col>
												<el-col :span="14"
													style="border-right: 1px solid;font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem">
													①停止作业和设备运转，报告项目部应急小组。②轻微伤害到班组急救药箱处包扎处理③根据伤情抢救伤员，拨打120急救电话或当地医院电话请求急救救援。④清理和保护现场。⑤根据指令恢复生产
												</el-col>
												<el-col :span="6"
													style="font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;">
													消毒用品、急救用品（绷带、无菌敷料）、干净毛巾及各种常用小夹板、担架或床（木）板、止血带、氧气袋
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;text-align: center;">
												<el-col :span="1"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													4
												</el-col>
												<el-col :span="3"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													高处坠落
												</el-col>
												<el-col :span="14"
													style="border-right: 1px solid;font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem">
													①停止作业，报告项目部应急小组。②轻微伤害到班组急救药箱处包扎处理；③根据伤情抢救伤员，拨打120急救电话或当地医院电话请求急救救援。④脊椎伤害禁止搬动，由120或专业人员救护，一面二次伤害。⑤清理和保护现场。⑥根据指令恢复生产。
												</el-col>
												<el-col :span="6"
													style="font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;">
													消毒用品、急救用品（绷带、无菌敷料）、干净毛巾及各种常用小夹板、担架或床（木）板、止血带、氧气袋
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;text-align: center;">
												<el-col :span="1"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													5
												</el-col>
												<el-col :span="3"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													物体打击
												</el-col>
												<el-col :span="14"
													style="border-right: 1px solid;font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem">
													①避开可能发生打击的方向；发现异响和紧急情况时，快速撤离；②发生打击伤害，停止作业，抢救伤员；③轻微伤害到班组急救药箱处包扎处理；④根据伤情抢救伤员，拨打120急救电话或当地医院电话；⑤脊椎伤害禁止搬动，由120或专业人员救护，以免二次伤害。⑥根据指令恢复生产。
												</el-col>
												<el-col :span="6"
													style="font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;">
													消毒用品、急救用品（绷带、无菌敷料）、干净毛巾及各种常用小夹板、担架或床（木）板、止血带、氧气袋
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;text-align: center;">
												<el-col :span="1"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													6
												</el-col>
												<el-col :span="3"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													起重伤害
												</el-col>
												<el-col :span="14"
													style="border-right: 1px solid;font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem">
													①停止作业和设备运转，报告项目部应急小组。②轻微伤害到班组急救药箱处包扎处理③根据伤情抢救伤员，拨打120急救电话或当地医院电话请求急救救援。④清理和保护现场。⑤根据指令恢复生产
												</el-col>
												<el-col :span="6"
													style="font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;">
													消毒用品、急救用品（绷带、无菌敷料）、干净毛巾及各种常用小夹板、担架或床（木）板、止血带、氧气袋
												</el-col>
											</el-row>
											<el-row style="border-bottom: 1px solid;text-align: center;">
												<el-col :span="1"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													7
												</el-col>
												<el-col :span="3"
													style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;justify-content: center;">
													灼烫
												</el-col>
												<el-col :span="14"
													style="border-right: 1px solid;font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem">
													①轻微伤害到班组急救药箱处包扎处理；②根据伤情抢救伤员，拨打120急救电话或当地医院电话；
												</el-col>
												<el-col :span="6"
													style="font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;display: flex;align-items: center;">
													消毒用品、急救用品（绷带、无菌敷料）、干净毛巾及各种常用小夹板、担架或床（木）板、止血带、氧气袋
												</el-col>
											</el-row>
										</el-col>
									</el-row>
								</el-row>
							</el-form>
						</div>
						<h3>三、应急联系方式</h3>
						<h3>1、厂队应急联系方式</h3>
						<div>
							现场负责人： <el-input class="people-input" v-model="dangerInfoForm.sceneLeader"></el-input>
						</div>
						<div>
							安全员： <el-input class="people-input" v-model="dangerInfoForm.safeLeader"></el-input>
						</div>
						<h3>2、项目部应急办公室联系方式：</h3>
						<div>办公室：梅建勋 15240943104</div>
						<div>安全管理部：黄毅 18812165996</div>
						<h3>3、外部单位紧急联系方式：</h3>
						<div>急救中心：120 </div>
						<div>火 警：119</div>
						<div class="form-bottom">
							<div class="sign_box" @click="setUpEquipment('dangerInfoForm.selfSign','TaskSignFinger')">
							<span>被告知者签字（指印）：</span>
							<!-- <el-image width: v-show="dangerInfoForm.selfSign"
										  :src="dangerInfoForm.selfSign" fit="fill"></el-image> -->
							<!--								<el-input class="people-input" v-model="dangerInfoForm.selfSign"></el-input>-->
							<el-image class="sign_img" v-show="dangerInfoForm.selfSign" :src="dangerInfoForm.selfSign"
								fit="fill"></el-image>
							</div>
							<div>
								<div>引江补汉工程土建施工及金结机电安装8标</div>
								<el-input v-model="dangerInfoForm.year" class="people-input" placeholder=" "
								style="width: 0.8rem;"></el-input> 年
								<el-input v-model="dangerInfoForm.month" class="people-input" placeholder=" "
									style="width: 0.5rem;"></el-input> 月
								<el-input v-model="dangerInfoForm.day" class="people-input" placeholder=" "
									style="width: 0.5rem;"></el-input> 日
							</div>

						</div>
						<div class="line"></div>

						<div style="text-align: center;">此告知书一式二份，一份交作业者本人留存，一份留安全管理部存档备查。</div>
					</div>

            <!-- 职业危害告知书 -->
            <div id="occupationalHazards" class="table-content" style="text-align: left;">
                <h3 style="font-size: 0.25rem;text-align: center;">职业危害告知书</h3>
                <div class="danger-info">
                    根据《中华人民共和国职业病防治法》的规定，用人单位在与劳动者订立劳动合同时，应当将工作过程中可能产生的职业危害及其后果、职业病防护措施和待遇等如实告知劳动者。现将您在我单位工作过程中可能产生的职业病危害及其后果、职业病防护措施和待遇如实告知于您，并请您签署。在劳动合同期间，若您的工作岗位发生变化且变更岗位存在职业危害因素时，将重新告知于您，并请您重新签署。
                </div>
                <div class="danger-info">
                    （一）所在工作岗位、可能产生的职业病危害、后果及职业病防护措施：
                </div>
                <div class="table-form">
                    <el-form ref="dataForm" :model="dangerInfoForm" label-width="138px" class="dataForm">
                        <el-row>
                            <el-row style="width: 100%;">
                                <el-col :span="24">
                                    <el-row style="border-bottom: 1px solid;text-align: center;">
                                        <el-col :span="2"
                                                style="border-right: 1px solid; font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
                                            岗位
                                        </el-col>
                                        <el-col :span="5"
                                                style="border-right: 1px solid; font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
                                            职业病危害因素
                                        </el-col>
                                        <el-col :span="5"
                                                style="border-right: 1px solid;font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
                                            职业禁忌症
                                        </el-col>
                                        <el-col :span="6"
                                                style="border-right: 1px solid;font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
                                            可能导致的职业病危害
                                        </el-col>
                                        <el-col :span="6"
                                                style="font-size: 0.13rem;height: 0.25rem;line-height:0.25rem">
                                            职业病防护措施
                                        </el-col>
                                    </el-row>
                                    <el-row style="border-bottom: 1px solid;text-align: center;">
                                        <el-col :span="2"
                                                style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;">
                                            <el-radio-group v-model="dangerInfoForm.radio">
                                                <el-radio :value="1">1.混凝土工</el-radio>
                                                <el-radio :value="2">2.开挖工</el-radio>
                                                <el-radio :value="3">3.爆破工</el-radio>
                                                <el-radio :value="4">4.支护工</el-radio>
                                                <el-radio :value="5">5.模板工</el-radio>
                                                <el-radio :value="6">6.架子工</el-radio>
                                                <el-radio :value="7">7.普工</el-radio>
                                                <el-radio :value="8">8.钻工</el-radio>
                                                <el-radio :value="9">9.木工</el-radio>
                                                <el-radio :value="10">10.焊工</el-radio>
                                                <el-radio :value="11">11.电工</el-radio>
                                                <el-radio :value="12">12.机修工</el-radio>
                                                <el-radio :value="13">13.管理人员</el-radio>
                                                <el-radio :value="14">14.挖机驾驶</el-radio>
                                                <el-radio :value="15">15.装载机工</el-radio>
                                                <el-radio :value="16">16.起重工</el-radio>
                                                <el-radio :value="17">17.厨师</el-radio>
                                                <el-radio :value="18">18.泥瓦工</el-radio>
                                                <el-radio :value="19">19.钢筋工</el-radio>
                                                <el-radio :value="20">20.驾驶员</el-radio>
                                                <el-radio :value="21">21.塔吊司机</el-radio>
                                                <el-radio :value="22">22.喷浆</el-radio>
                                            </el-radio-group>
                                        </el-col>
                                        <el-col :span="5"
                                                style="border-right: 1px solid; font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;">
                                            <div>粉尘</div>
                                            <div>高温</div>
                                            <div>低温</div>
                                            <div>噪声</div>
                                            <div>有毒有害气体（主要可能涉及硫化氢、一氧化碳）</div>
                                            <div>局部振动</div>
                                            <div>电焊烟尘</div>
                                            <div>电弧光辐射</div>
                                            <div>金属尘</div>
                                            <div>全身振动（此项主要为挖掘机工、压路机工、装载机工）</div>
                                            <div>工频电场</div>
                                            <div>润滑油、柴油中的化学危害因素</div>
                                        </el-col>
                                        <el-col :span="5"
                                                style="border-right: 1px solid;font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem">
                                            <div>1.活动性肺结核病</div>
                                            <div>2.慢性阻塞性肺病</div>
                                            <div>3.慢性间质性肺病</div>
                                            <div>4.伴肺功能损害的疾病</div>
                                            <div>5.中枢神经系统器质性疾病</div>
                                            <div>6.器质性心脏病</div>
                                            <div>7.心肌病</div>
                                            <div>8.各种原因引起永久性感音神经性听力损失</div>
                                            <div>9.中度以上传导性耳聋</div>
                                            <div>10.双耳高频平均听阈≥40dB</div>
                                            <div>11. II期和III期高血压</div>
                                            <div>12.活动性消化性溃疡</div>
                                            <div>13.慢性肾炎</div>
                                            <div>14.未控制的甲亢</div>
                                            <div>15.糖尿病</div>
                                            <div>16.大面积皮肤疤痕</div>
                                            <div>
                                                17.恐高症、癫痫、心脏病、高血压、关节及运动功能障碍（此项主要为架子工职业禁忌）
                                            </div>
                                            <div>18.活动性角膜疾病</div>
                                        </el-col>
                                        <el-col :span="6" style="border-right: 1px solid;">
                                            <div>尘肺</div>
                                            <div>中毒</div>
                                            <div>中暑</div>
                                            <div>冻伤</div>
                                            <div>听力系统损害</div>
                                            <div>职业性手臂振动病（此项主要指混凝土工和钻工）</div>
                                            <div>电焊工尘肺</div>
                                            <div>慢性锰中毒</div>
                                            <div>有毒有害气体中毒</div>
                                            <div>电光性眼炎</div>
                                            <div>电光性皮炎</div>
                                            <div>全身振动可能导致内脏器官的损伤或位移</div>
                                            <div>神经衰弱频率增加，心电图出现异常</div>
                                            <div>接触性皮炎</div>
                                            <div>黑变病</div>
                                            <div>痤疮</div>
                                        </el-col>
                                        <el-col :span="6"
                                                style="font-size: 0.13rem;min-height: 0.25rem;line-height:0.25rem;">
                                            <div>
                                                （1）作业人员应根据现场作业环境，寒冷天气要拿给采取穿戴防寒服、加强保暖等方式，以防止冻伤。高温环境采取加强通风与饮用清凉饮品等措施，防止中暑。
                                            </div>
                                            <div>（2）正确佩戴防尘口罩、耳塞、防毒面罩等防护用品。</div>
                                            <div>（3）对车辆、机械设备定期检修维护，确保其工作性能正常。</div>
                                            <div>（4）作业人员应在通风状况好的场所进行作业，且必须使用相应的防护眼镜、面罩、口罩、手套，绝缘鞋，不能穿短袖衣或卷起袖子。
                                            </div>
                                            <div>（5）严格执行电工职业健康安全操作规程。</div>
                                            <div>（6）购买合格的柴油、润滑油、保证质量合格。</div>
                                            <div>（7）加强监测，一旦发现超标，立即停止作业，采取措施。</div>
                                        </el-col>
                                    </el-row>
                                </el-col>
                            </el-row>
                        </el-row>
                    </el-form>
                </div>
                <div class="danger-info">
                    （二）我单位将依照《中华人民共和国职业病防治法》、《职业健康监护技术档案》的要求，做好您上岗前、在岗期间、离岗时的职业健康检查和应急检查。一旦发生职业病，我方将按照国家有关法律、法规的要求，为您如实提供职业病诊断、鉴定所需的劳动职业史和职业病危害接触史、工作场所职业病危害因素检测结果等资料及相应待遇。
                </div>
                <div class="danger-info">
                    （三）您应自觉遵守我单位的职业卫生管理制度和操作规程，正确使用和维护职业病防护设施及个人职业病防护用品，积极参加职业卫生教育培训，按要求参加上岗前、在岗期间和离岗时的职业健康检测。若您被检查出职业禁忌症或发现与所从事的职业相关的健康损害的，您必须服从我单位为保护您的职业健康而将您调离原岗位，并妥善安置的工作安排。
                </div>
                <div class="danger-info">
                    （四）当您工作岗位或工作内容发生变更，从事告知书中未告知的存在职业病危害的作业时，我方将与您协商变更告知书的相关内容，并重新签订职业病危害告知书。
                </div>
                <div class="danger-info">
                    （五）若我方未履行职业病危害告知义务，您有权拒绝从事存在职业病危害的作业，我方不得因此接触与您所订立的劳动合同。
                </div>
                <div class="danger-info">
                    （六）职业病危害告知书作为我单位与您签订劳动合同的附件，具有同等的法律效力。
                </div>
                <div class="danger-info">
                    （七）若因您不履行如上规定和义务导致您本人或其他人的损害，并进而导致我方承担任何支付赔偿责任的，我方将有权追究您的个人责任。
                </div>
                <div>
                    <div class="sign_box" @click="setUpEquipment('careerDangerForm.name','TaskSign')">
                        <!--								<el-input class="people-input" v-model="careerDangerForm.name"></el-input>-->
                        <!-- <el-image width: v-show="careerDangerForm.name"
                                      :src="careerDangerForm.name" fit="fill"></el-image> -->
                        <span>被告知人员</span>
                        <el-image class="sign_img" v-show="careerDangerForm.name" :src="careerDangerForm.name"
                                  fit="fill"></el-image>
                    </div>
                    <div class="sign_date">
                        <el-input v-model="careerDangerForm.year" class="people-input" placeholder=" "
                                  style="width: 0.8rem;"></el-input>
                        年
                        <el-input v-model="careerDangerForm.month" class="people-input" placeholder=" "
                                  style="width: 0.5rem;"></el-input>
                        月
                        <el-input v-model="careerDangerForm.day" class="people-input" placeholder=" "
                                  style="width: 0.5rem;"></el-input>
                        日
                    </div>
                </div>
            </div>

            <!-- 安全生产承诺书 -->
            <div id="safetyProduction" class="table-content" style="text-align: left;margin-top: 1rem;">
                <h3 style="font-size: 0.25rem;text-align: center;">安全生产承诺书</h3>
                <div>
                    本人郑重承诺，在生产工作过程中严格履行以下安全生产要求:
                </div>
                <div class="danger-info">
                    1、本人严格遵守《安全生产法》等国家法律、法规、标准和项目部有关安全生产管理制度，严格按照岗位安全操作规程和作业指导书规定作业，服从项目部领导的管理，遵章守纪、杜绝违章行为。
                </div>
                <div class="danger-info">
                    2、接受安全生产教育和培训，在独立上岗前掌握本职工作过程所需的安全生产知识和安全操作技能，掌握安全设备、劳动防护用品的使用、维护和保管知识。
                </div>
                <div class="danger-info">
                    3、在自己的岗位上认真履行岗位安全职责，对本岗位的安全生产负直接责任，为自己安全负责、为部门(班组)安全负责、正确佩戴和使用劳动防护用品。
                </div>
                <div class="danger-info">
                    4、了解本人作业场所和工作过程岗位存在的危险因素、防范措施及事故应急措施和相关自救互救知识，增强事故预防和应急处理能力。
                </div>
                <div class="danger-info">
                    5、工作过程中互相关心、互相照顾、互相提醒、互相监督，做到“不伤害自己，不伤害他人，不被他人伤害，保护他人不受伤害”
                </div>
                <div class="danger-info">
                    6、工作过程中集中精力，不带病作业，不疲劳作业，不做与工作过程无关的危险行为。
                </div>
                <div class="danger-info">
                    7、发现事故隐患或者其他不安全因素时，应第一时间提醒周边同事，立即向安全生产管理人员或者本单位负责人报告，并采取紧急避险措施。
                </div>
                <div class="danger-info">
                    8、拒绝违章指挥和强令冒险作业；制止、纠正其他人员的违章行为；积极对本单位的安全生产决策事项和日常的安全生产工作过程提出意见、建议。
                </div>
                <div class="danger-info">
                    9、发生生产安全事故后，事故现场人员立即报告本单位负责人。迅速采取措施进行抢救，保护事故现场，防止事故扩大，并立即如实报告安技处和其他有关部门。不隐瞒、不谎报、不拖延，不故意破坏事故现场，保护有关证据。
                </div>
                <div class="danger-info">
                    10、若本人违反上述承诺和未履行安全管理职责，导致发生责任事故的，本人承诺不阻碍和干涉对生产安全事故的依法调查和处理，并接受相应的处罚。
                </div>
                <div>
                    <div class="sign_box" @click="setUpEquipment('promiseForm.name','TaskSign')">
                        <span>承诺人签字</span>
                        <!-- <el-image width: v-show="promiseForm.name"
                                      :src="promiseForm.name" fit="fill"></el-image> -->
                        <!--								<el-input class="people-input" v-model="promiseForm.name"></el-input>-->
                        <el-image class="sign_img" v-show="promiseForm.name" :src="promiseForm.name"
                                  fit="fill"></el-image>
                    </div>
                    <div class="sign_date">
                        <el-input v-model="promiseForm.year" class="people-input" placeholder=" "
                                  style="width: 0.8rem;"></el-input>
                        年
                        <el-input v-model="promiseForm.month" class="people-input" placeholder=" "
                                  style="width: 0.5rem;"></el-input>
                        月
                        <el-input v-model="promiseForm.day" class="people-input" placeholder=" "
                                  style="width: 0.5rem;">
                        </el-input>
                        日
                    </div>
                </div>
            </div>

            <!-- 职业健康、能源节约与生态环境保护、安全生产责任书（电工） -->
            <div id="responsibilityLetter" class="table-content" style="text-align: left;margin-top: 1rem;">
                <h3 style="font-size: 0.25rem;text-align: center;">
                    职业健康、能源节约与生态环境保护、安全生产责任书（电工）</h3>
                <div style="margin-bottom: 0.2rem;">甲方：
                    <el-input v-model="responsibleForm.name1"
                              class="promise-input" style="width: 3rem;"></el-input>
                </div>
                <div>乙方：
                    <el-input v-model="responsibleForm.name2" class="promise-input" style="width: 3rem;">
                    </el-input>
                </div>
                <div class="danger-info">
                    为保证施工安全的顺利进行，避免和减少职业伤害和安全事故的发生，乙方在甲方施工作业过程中，必须遵守国家法律规定和甲方安全生产管理相关规定，按章作业，文明施工，双方就安全生产签定安全生产责任书：
                </div>
                <h3>一、目标</h3>
                <div class="danger-info">1、及时发现并消除事故隐患。</div>
                <div class="danger-info">2、遏制一般性生产安全事故，不发生职业病。</div>
                <div class="danger-info">3、人员岗前安全教育培训、操作技能培训率100%。</div>
                <div class="danger-info">4、在规定时间内安全生产隐患整改率100%%。</div>
                <div class="danger-info">5、特种作业人员持证上岗率100%。</div>
                <div class="danger-info">6、认真落实本岗位安全生产职责，岗位履职到位率100%。</div>
                <h3>二、责任范围</h3>
                <div class="danger-info">
                    1、认真学习有关安全健康与环境保护的规程、规定、制度和措施，自觉遵守纪律，不违章作业；
                </div>
                <div class="danger-info">2、正确使用职业安全防护用品、用具，并在使用前进行可靠性检查；</div>
                <div class="danger-info">3、施工项目开工前，认真接受安全施工措施交底，并在交底书上签字；</div>
                <div class="danger-info">4、作业前检查工作场所，做好安全防护措施，以确保不伤害自己，不伤害他人，不被他人伤害、保护他人不受到伤害。下班前及时清扫整理作业场所；
                </div>
                <div class="danger-info">5、不操作自己不熟悉的或非本专业使用的机械设备及工器具；</div>
                <div class="danger-info">6、正确使用与爱护安全设施，未经工地专职安全员批准，不得拆除或挪用安全设施；</div>
                <div class="danger-info">
                    7、施工中发现不安全问题应妥善处理或向上级报告。对无安全施工措施和未经安全交底的施工项目，有权拒绝施工并可越级报告。有权制止他人违章；有权拒绝违章指挥。对危害生命安全和健康的行为，有权提出批评、检举和控告；
                </div>
                <div class="danger-info">8、认真参加安全活动，积极提出改进安全工作的建议；</div>
                <div class="danger-info">
                    9、发生人身事故时应立即抢救伤者，保护事故现场并及时报告；调查事故时必须如实反映情况；分析事故时应积极提出改进意见和防范措施。
                </div>
                <div class="danger-info">10、按要求参加安全教育培训和各类安全活动；</div>
                <div class="danger-info">11、遵章守纪，发现事故隐患必须立即上报并按要求完成隐患整改。</div>
                <div class="danger-info">
                    12、贯彻落实能源节约与生态环境保护法律、法规、标准、方针政策，认真落实项目部的各项能源节约与生态环境保护工作部署。
                </div>
                <div class="danger-info">13、贯彻落实项目部领导小组对能源节约与生态环境保护工作的部署和安排。</div>
                <div class="danger-info">
                    14、严格执行环境污染事故、节能违规事件报告制度，及时如实报告环境污染事故、节能违规事件。
                </div>
                <h3>三、奖罚</h3>
                <div class="danger-info">
                    甲方根据项目部对本单位的责任书考核结果兑现奖罚，对安全生产工作中表现突出和做出贡献的个人给予一定的经济物质奖励，对在生产过程中不服从管理，违章作业、冒险作业的个人按相关安全管理制度规定进行处罚。
                </div>
                <h3>四、附则</h3>
                <div class="danger-info">1、本责任书一式二份，甲方一份，乙方一份，双方签字后生效。</div>
                <div class="danger-info">2、本责任书在作业人员进场至退场期间内有效。</div>
                <div class="form-bottom">
                    <div>
                        <div class="sign_box" @click="setUpEquipment('responsibleForm.name3','TaskSign')">
                            <span>甲方（负责人）：</span>
                            <!--									<el-input class="people-input" v-model="responsibleForm.name3"></el-input>-->
                            <!-- <el-image width: v-show="responsibleForm.name3"
                                          :src="responsibleForm.name3" fit="fill"></el-image> -->
                            <el-image class="sign_img" v-show="responsibleForm.name3" :src="responsibleForm.name3"
                                      fit="fill"></el-image>
                        </div>
                        <div class="sign_date">
                            <el-input v-model="responsibleForm.year1" class="people-input" placeholder=" "
                                      style="width: 0.8rem;"></el-input>
                            年
                            <el-input v-model="responsibleForm.month1" class="people-input" placeholder=" "
                                      style="width: 0.5rem;"></el-input>
                            月
                            <el-input v-model="responsibleForm.day1" class="people-input" placeholder=" "
                                      style="width: 0.5rem;"></el-input>
                            日
                        </div>
                    </div>
                    <div>
                        <div class="sign_box" @click="setUpEquipment('responsibleForm.name4','TaskSign')">
                            <span>乙方（负责人）：</span>
                            <!-- <el-image width: v-show="responsibleForm.name4"
                                          :src="responsibleForm.name3" fit="fill"></el-image> -->
                            <!--									<el-input class="people-input" v-model="responsibleForm.name4"></el-input>-->
                            <el-image class="sign_img" v-show="responsibleForm.name4" :src="responsibleForm.name4"
                                      fit="fill"></el-image>
                        </div>
                        <div class="sign_date">
                            <el-input v-model="responsibleForm.year2" class="people-input" placeholder=" "
                                      style="width: 0.8rem;"></el-input>
                            年
                            <el-input v-model="responsibleForm.month2" class="people-input" placeholder=" "
                                      style="width: 0.5rem;"></el-input>
                            月
                            <el-input v-model="responsibleForm.day2" class="people-input" placeholder=" "
                                      style="width: 0.5rem;"></el-input>
                            日
                        </div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>

		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const topForm = ref({
						number: "",
						company: "",
						name: '',
						job: "电工"
					})

					const peopleForm = ref({
						group: "",
						name: "",
						sex: "",
						age: "",
						nation: "",
						educationBackground: "",
						workDate: "",
						idNumber: "",
						address: "",
						phone: "",
						familyPhone: "",
						enterTime: "",
						outTime: "",
						sign: "",
						report: "",
						idCardUrl: "",
						workCreditUrl: "",
						safer: "",
						applicate: "",
						year: "",
						month: "",
						day: "",
					})

            const healthForm = ref({
                time: "",
                name: "",
                sex: "",
                nation: "",
                affiliation: "",
                birthDate: "",
                age: "",
                origin: "",
                height: "",
                weight: "",
                medicalHistory: "",
                radio1: "",
                radio2: "",
                radio3: [],
                radio4: "",
                radio5: "",
                radio6: "",
                radio7: "",
                radio8: "",
                radio9: "",
                radio10: "",
                radio11: "",
                radio12: "",
                radio13: "",
                radio14: "",
                radio15: "",
                signSelf: "",
                checkTime10: "",
                checkTime: ""
            })

            const workForm = ref({
                number: "",
                sign: "",
                year: "",
                month: "",
                day: "",
            })

            const enterForm = ref({
                name: "",
                idNumber: "",
                post: "",
                group: "",
                promiseName: "",
                year: "",
                month: "",
                day: "",
            })

            const cardholder = ref({
                name: "",
                idNumber: "",
                cardNumber: "",
                company: "",
                promiseName: "",
                year: "",
                month: "",
                day: "",
                url1: "",
                url2: "",
            })

            const educateForm = ref({
                name: "",
                sex: "",
                birthDate: "",
                orgName: "",
                group: "",
                workType: "",
                idNumber: "",
                siteDate: "",
                address: "",
                illness: "",
                occupational: "",
                department1: "",
                teacher1: "",
                teached1: "",
                year1: "",
                month1: "",
                day1: "",
                department2: "",
                teacher2: "",
                teached2: "",
                year2: "",
                month2: "",
                day2: "",
                department3: "",
                teacher3: "",
                teached3: "",
                year3: "",
                month3: "",
                day3: "",
                head: false,
                waistcoat: false,
                masks: false,
                earplug: false,
                safeSign: "",
                promiseSign: "",
                promiseDate: "",
            })

            const testForm = ref({
                name: "",
                qualify: "",
                time: "",
                title: "",
                fraction: "",
                list: [],
                examId: "",
                personCode: "",
            })
            const dangerInfoForm = ref({
                name: "",
                sceneLeader: "",
                safeLeader: "",
                selfSign: "",
                year: "",
                month: "",
                day: "",
                radio: ""
            })

            const careerDangerForm = ref({
                name: "",
                year: "",
                month: "",
                day: "",
            })
            const promiseForm = ref({
                name: "",
                year: "",
                month: "",
                day: "",
            })
            const responsibleForm = ref({
                name1: "",
                name2: "",
                name3: "",
                name4: "",
                year1: "",
                month1: "",
                day1: "",
                year2: "",
                month2: "",
                day2: "",
            })

            let dataKey = ref()
            window.handleMessage = (event) => {
                console.log("这里是父项目传来的值", event.data);
                // alert(event.data+"这里是父项目传来的值")
                let eventData = JSON.parse(event.data)
                if (eventData.type == 1) {
                    let data = eventData.data
                    console.log(data, "datadatadata")
                    responsibleForm.value = data.wordResponsible
                    topForm.value = data.wordTop
                    peopleForm.value = data.wordPeople
                    healthForm.value = data.wordHealth
                    workForm.value = data.wordWork
                    enterForm.value = data.wordEnter
                    cardholder.value = data.wordCardholder
                    educateForm.value = data.wordEducate
                    // testForm.value = data.testForm
                    dangerInfoForm.value = data.wordDangerinfo
                    careerDangerForm.value = data.wordCareerdanger
                    promiseForm.value = data.wordPromise
                    trainBankChildResDTO.value = data?.trainBankChildResDTO
                    testForm.value = data?.userAnswerVo
                } else {
                    if (dataKey.value == 'peopleForm.sign') {
                        peopleForm.value.sign = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'responsibleForm.name4') {
                        responsibleForm.value.name4 = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'responsibleForm.name3') {
                        responsibleForm.value.name3 = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'promiseForm.name') {
                        promiseForm.value.name = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'careerDangerForm.name') {
                        careerDangerForm.value.name = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'dangerInfoForm.selfSign') {
                        dangerInfoForm.value.selfSign = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'educateForm.promiseSign') {
                        educateForm.value.promiseSign = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'educateForm.safeSign') {
                        educateForm.value.safeSign = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'educateForm.teached3') {
                        educateForm.value.teached3 = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'educateForm.teacher3') {
                        educateForm.value.teacher3 = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'educateForm.teached2') {
                        educateForm.value.teached2 = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'educateForm.teacher2') {
                        educateForm.value.teacher2 = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'educateForm.teacher1') {
                        educateForm.value.teacher1 = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'educateForm.teached1') {
                        educateForm.value.teached1 = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'cardholder.promiseName') {
                        cardholder.value.promiseName = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'enterForm.promiseName') {
                        enterForm.value.promiseName = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'workForm.sign') {
                        workForm.value.sign = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'healthForm.signSelf') {
                        healthForm.value.signSelf = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'peopleForm.applicate') {
                        peopleForm.value.applicate = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'cardholder.url2') {
                        cardholder.value.url2 = 'data:image/png;base64,' + eventData.data + ''
                    } else if (dataKey.value == 'cardholder.url1') {
                        cardholder.value.url1 = 'data:image/png;base64,' + eventData.data + ''
                    }else if (dataKey.value == 'peopleForm.safer') {
						peopleForm.value.safer = 'data:image/png;base64,' + eventData.data + ''
					}
                }

            };

            function handleMenuSelect(index) {
                const anchor = document.getElementById(index);
                if (anchor) {
                    anchor.scrollIntoView({
                        behavior: 'smooth'
                    });
                }
            }


            const trainBankChildResDTO = ref({
                checkList: [],
                radioList: [],
                panDuanList: [],
            })

            const formatAnswerContent = (data) => {
                const alphabet = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H']
                const dataArr = JSON.parse(data)
                if (dataArr && dataArr.length) {
                    return dataArr.map((item, index) => ({label: item, value: alphabet[index]}))
                } else {
                    return []
                }
            }

            //peopleForm.sign
            const setUpEquipment = (key, type) => {
                dataKey.value = key
                //提交这么写

                // window.parent.postMessage(type, "*");
                // window.parent.postMessage("hello，我即将传给父项目", "*");
                window.parent.childListener({data: type});
            }

            const onsubmit = () => {
                const mergedArray = [...trainBankChildResDTO.value.checkList,
                    ...trainBankChildResDTO.value.radioList, ...trainBankChildResDTO.value.panDuanList];
                testForm.value.list = mergedArray
                let data = {
                    type: "form-j",
                    dataJson:
                        {
                            wordCardholder: cardholder.value,
                            wordResponsible: responsibleForm.value,
                            wordCareerdanger: careerDangerForm.value,
                            wordDangerinfo: dangerInfoForm.value,
                            wordEducate: educateForm.value,
                            wordEnter: enterForm.value,
                            wordHealth: healthForm.value,
                            wordPeople: peopleForm.value,
                            wordPromise: promiseForm.value,
                            userAnswerVo: testForm.value,
                            wordTop: topForm.value,
                            wordWork: workForm.value,
                        }
                }

                window.parent.childListener({data: JSON.stringify(data)});

            }


            return {
                topForm,
                peopleForm,
                healthForm,
                workForm,
                enterForm,
                cardholder,
                educateForm,
                testForm,
                dangerInfoForm,
                careerDangerForm,
                promiseForm,
                setUpEquipment,
                responsibleForm,
                handleMenuSelect,
                trainBankChildResDTO,
                formatAnswerContent,
                onsubmit,
            }
        }

    }
    const app = createApp(vue3Composition).use(ElementPlus).mount('#app');
</script>
</body>


</html>
